<template>
    <div>
        <h1>vue3常用生命周期</h1>
    </div>
</template>

<script setup>
import { onBeforeMount,onMounted } from 'vue';

/**
 * 总结:
 * 1. vue3没有创建阶段 =》 6个钩子函数
 * 2. vue3和vue2同级别钩子函数,要比vue2先执行 (测试的话就不能有语法糖写法了,要使用export default {  mounted(){},setup(){}})
 * 3. onMounted高频使用
 */

onBeforeMount(()=>{
    console.log('挂载前')
})

onMounted(()=>{
    // 使用场景:1.发送请求 2.操作dom
    console.log('挂载了1')
})

onMounted(()=>{
    console.log('挂载了2')
})
</script>

<style scoped>

</style>